html,
body {
    // 设置文字不能被选中
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    overflow-x: hidden;
    overflow-y: hidden;
    color: #fff;
}
//实现img图片不能被拖动
img {
    -webkit-user-drag: none;
}
::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 0px rgba(240, 240, 240, 0.3);
    background-color: rgba(240, 240, 240, 0.3);
}
// ::-webkit-scrollbar-track {
//     border-radius: 0;
//     border-radius: 5px;
//     background: rgba(0, 0, 0, 0);
// }
.el-message {
    top: 350px !important;
    // background: url('@/assets/images/message/alert.png') no-repeat center;
    // width: 580px !important;
    height: 52px !important;
    border-style: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    font-weight: 400 !important;
    padding: 20px 40px 20px 40px !important;
}
// 优化el-dialog后的动画
.el-dialog__wrapper {
    transition-duration: 0.3s;
}
.dialog-fade-enter-active {
    animation: none !important;
}
.dialog-fade-leave-active {
    transition-duration: 0.15s !important;
    animation: none !important;
}

.dialog-fade-enter-active .el-dialog,
.dialog-fade-leave-active .el-dialog {
    animation-fill-mode: forwards;
}

.dialog-fade-enter-active .el-dialog {
    animation-duration: 0.3s;
    animation-name: anim-open;
    animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
}

.dialog-fade-leave-active .el-dialog {
    animation-duration: 0.3s;
    animation-name: anim-close;
}

@keyframes anim-open {
    0% {
        opacity: 0;
        transform: scale3d(0, 0, 1);
    }
    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

@keyframes anim-close {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: scale3d(0.5, 0.5, 1);
    }
}
// 优化el-dialog后的动画

input {
    &:-webkit-autofill {
        background: transparent;
        transition: background-color 50000s ease-in-out 0s;
        -webkit-text-fill-color: #f68121;
    }
}
// 修改文字粗细
.el-dialog__title {
    color: #f1e4c8 !important;
    font-size: 18px !important;
    font-family: '微软雅黑' !important;
}
/*alert 成功弹出框样式*/
.el-message .el-icon-success {
    font-size: 18px;
}
.el-message--success .el-message__content {
    font-size: 18px;
    color: #42826f !important;
}
.el-message .el-icon-success {
    color: #42826f !important;
}
/*alert 警告弹出框样式*/
// .is-center {
//     width: 1000px !important;
// }
.el-message .el-icon-warning {
    font-size: 18px;
}
.el-message--success {
    height: 52px !important;
    border-color: rgba(0, 0, 0, 0) !important;
    background: url('@/assets/logo/success.png') no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.el-message--success .el-message__content {
    padding-top: 0px;
    font-size: 16px;
    font-family: '微软雅黑';
    text-align: left;
    color: #ffde87;
    letter-spacing: 0.48px;
}
.el-message--warning {
    border-color: rgba(0, 0, 0, 0) !important;
    background: url('@/assets/logo/warning.png') no-repeat no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.el-message .el-icon-warning {
    color: #ee7700 !important;
}
.el-message--warning .el-message__content {
    padding-top: 0px;
    font-size: 16px;
    font-family: '微软雅黑';
    text-align: left;
    color: #ee7700 !important;
    letter-spacing: 0.48px;
}
.el-message--info {
    border-color: rgba(0, 0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0) !important;
}
.el-message--info .el-message__content {
    padding-top: 0px;
    font-size: 16px;
    font-family: '微软雅黑';
    text-align: left;
    color: #ffde87;
    letter-spacing: 0.48px;
}
.el-message--error {
    border-color: rgba(0, 0, 0, 0) !important;
    background: url('@/assets/logo/error.png') no-repeat no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.el-message--error .el-message__content {
    padding-top: 0px;
    font-size: 16px;
    font-family: '微软雅黑';
    text-align: left;
    color: #ff0000 !important;
    letter-spacing: 0.48px;
}
.el-message .el-icon-error {
    color: #ff0000 !important;
}
.el-message__icon {
    padding-top: 0px;
}
/*alert 错误弹出框样式*/
.el-message .el-icon-error {
    font-size: 18px;
}
.el-message--error .el-message__content {
    font-size: 18px;
}
/*去掉Radio 单选框 鼠标双击的时候带的阴影边框*/
.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
    box-shadow: none !important;
}

.el-dialog__header {
    background: url('@/assets/dialogImg/bigBG.png'); //弹窗头部背景
    background-color: #0c0c0c !important;
    border-top: 1.5px solid #b4875c !important;
    border-left: 1.5px solid #b4875c !important;
    border-right: 1.5px solid #b4875c !important;
}
.el-dialog__body {
    height: 385px !important;
    padding: 45px 30px 30px !important;
    background-color: #0c0c0c !important;
    border-left: 1.5px solid #b4875c !important;
    border-right: 1.5px solid #b4875c !important;
    border-bottom: 1.5px solid #b4875c !important;
    background-size: cover;
}

input::-webkit-input-placeholder {
    color: #7b7059 !important;
}
.el-dialog {
    margin-top: 10vh !important;
}
.el-dialog__headerbtn {
    top: 15px !important;
    font-size: 28px !important;
    z-index: 999;
}
//弹窗关闭样式
.el-dialog__headerbtn .el-dialog__close {
    color: #fff !important;
    &:hover {
        color: red !important;
    }
}
//所有控件
video::-webkit-media-controls-enclosure {
    display: none;
}
.el-dialog__wrapper {
    width: 1366px !important;
    height: 768px !important;
    overflow: hidden !important;
}
// input宽度
.el-input__inner {
    height: 30px !important;
    line-height: 30px !important;
    background-color: transparent !important;
    color: #ffb331 !important;
    border: 1px solid #a47e49 !important;
}
.el-input__inner:hover,
.el-input__inner:focus {
    border-color: #ffb331 !important;
}
.el-form-item {
    margin-bottom: 16px;
}
// 点点点
.el-badge__content.is-fixed.is-dot {
    top: 5px;
    right: 20px !important;
    background-color: red;
    border: 1px solid red;
}
.button_btn {
    width: 100% !important;
    height: 38px !important;
    background: linear-gradient(180deg, #cdad5f, #f2ead1) !important;
    border-radius: 4px !important;
    border: 0px solid #ff9f2f !important;
    font-family: '微软雅黑' !important;
    padding: 0 !important;
    color: #242322 !important;
    &:hover {
        background: linear-gradient(180deg, #b19248, #d8cfb4) !important;
        border: 0px solid #e1812e;
    }
}
.button_close {
    width: 100% !important;
    height: 38px !important;
    background: transparent !important;
    border: 1px solid #fff2dc !important;
    border-radius: 4px !important;
    border-color: #fff2dc !important;
    color: #fff2dc !important;
    padding: 0 !important;
    &:hover {
        border: 1px solid #e3d1b1 !important;
        border-color: #e3d1b1 !important;
    }
}
.el-message-box {
    width: 380px !important;
    background: url('@/assets/dialogImg/hint_bg.png') !important;
    border: 1px solid #b4875c !important;
    height: 200px;
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.3);
}
.el-message-box__header {
    background: url('@/assets/dialogImg/bigBG.png');
    background-size: cover;
}
.el-message-box__title {
    font-size: 18px !important;
    font-family: 'Microsoft YaHei' !important;
    color: #f1e4c8 !important;
    letter-spacing: 0.54px !important;
}
.el-message-box__content {
    padding-top: 40px !important;
    padding-left: 50px !important;
}
.el-message-box__message {
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    color: #f1e4c8 !important;
    letter-spacing: 0.74px !important;
}
.el-message-box__headerbtn {
    font-size: 21px !important;
}
.el-message-box__btns {
    position: relative;
    top: 10px;
    .el-button {
        width: 75px;
        background: transparent;
        border: 1px solid #fff2dc;
        border-radius: 4px;
        color: #fff2dc;
        font-family: '微软雅黑';
        &:hover {
            border: 1px solid #e3d1b1;
            color: #e3d1b1;
            background: transparent;
        }
    }
    .el-button--primary {
        background: linear-gradient(180deg, #cdad5f, #f2ead1) !important;
        border: 1px solid #cdad5f !important;
        color: #252525 !important;
        &:hover {
            background: linear-gradient(180deg, #b19248, #d8cfb4) !important;
            border-color: #f2ead1 !important;
            color: #252525 !important;
        }
    }
}
.el-message-box__headerbtn .el-message-box__close:hover {
    color: red !important;
}
.el-range-editor.is-active,
.el-range-editor.is-active:hover,
.el-select .el-input.is-focus .el-input__inner {
    border-color: #ffb331 !important;
}
